<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>网赢集团</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/default.css"/>
		<link rel="stylesheet" type="text/css" href="css/bindingphone.css"/>
	</head>

	<body>
		<div class="mui-content">
			<header class="mui-bar mui-bar-nav">
				<a href="mine.html" class="mui-icon mui-icon-arrowleft mui-pull-left"></a>
				<h1 class="mui-title">绑定手机</h1>
			</header>
			<ul class="mui-table-view">
			    <li class="mui-table-view-cell">
			        <div>
			            <img class="mui-media-object mui-pull-left" src="img/headimgeg.jpg">
			            <div class="mui-media-body">
			                	<span class="user-name">未知用户</span>
			                	<div class="bind-status">
			                		<span>还未绑定手机号</span>
			                	</div>
			            </div>
			        </div>
			    </li>
			</ul>
			<div class="mui-input-group">
			    <div class="mui-input-row">
			        <p class="bind-title">绑定手机号</p>
			    </div>
			    <div class="mui-input-row">
			        <label>手机号：</label>
			        <input type="text" class="mui-input-clear" placeholder="请输入手机号">
			    </div>
			    <div class="mui-input-row yanzhengma">
			        <label>验证码：</label>
			        <button type="button" id="send">获取验证码</button>
			        <!--<input type="button" id="send" value="获取验证码" />-->
					<input type="number" class="mui-input-clear" placeholder="请输入验证码">
			    </div>
				<button id="bindBtn" class="mui-btn mui-btn-success" type="button">确定</button>
			</div>

		</div>
		
		
		<script src="js/mui.min.js"></script>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init();
			$('#send').click(function(){
				countdown(10,$('#send')[0]);
			});
			function countdown(s,sendObj) {
				s--;
				if (s == 0) {
				sendObj.disabled = false;
				sendObj.innerHTML = '获取验证码';
				} else {
				sendObj.disabled = true;
				sendObj.innerHTML = s + '秒重发';
				setTimeout(function() {
				countdown(s,sendObj);
				}, 1000)
				}
			}
		</script>
	</body>

</html>